@primaryColor: #7CA982;
@secondaryColor: #8EA4D2;
@backgroundColor: #FDFFFC;
@backgroundSecondary: #F5EDF0;
@darkPrimaryColor: #243E36;
@nothing: rgba(0,0,0,0);

@import "styles/list-view";
@import "styles/components";
@import "styles/buttons";
@import "styles/dialog";

.notification-bar .pane{
  -fx-background-color: rgba(253,255,223,0);
}

.dialog-pane {
  .dialog-pane-default(@backgroundColor, @primaryColor);
  .tree-view {
    -fx-background-color: rgba(0,0,0,0);
    .tree-cell:empty {
      -fx-background-color: @nothing;
      -fx-text-fill: @darkPrimaryColor;
    }
    .tree-cell:filled {
      -fx-background-color: @nothing;
      -fx-text-fill: @darkPrimaryColor;
    }
    .tree-cell:selected {
      -fx-background-color: @primaryColor;
      -fx-text-fill: #FFF;
      .arrow {
        -fx-background-color: #FFF;
      }
    }
  }
}

.scene {
  -fx-background-radius: 6;
  -fx-border-radius: 6;
  -fx-background-size: cover;
  -fx-font-family: "【嵐】西良文字改+";
  -fx-font-size: 14px;

  .txt-second {
    -fx-font-size: 13px;
  }

  .tools {
    -fx-background-color: @backgroundColor;
    -fx-effect: dropshadow(three-pass-box,@primaryColor, 8, 0, 0, 0);

    .toggle-button {
      .toggle-button(@primaryColor);
    }
  }

  .sccontent {
    -fx-background-color: rgba(245,237,240, 0.4);
    -fx-border-style: none;
  }

  .sub-view {
    -fx-background-color: @nothing;
    .tree-view {
      -fx-background-color: rgba(255,255,255,0.4);
      .tree-cell:empty {
        -fx-background-color: @nothing;
        -fx-text-fill: @darkPrimaryColor;
      }
      .tree-cell:filled {
        -fx-background-color: @nothing;
        -fx-text-fill: @darkPrimaryColor;
      }
      .tree-cell:selected {
        -fx-background-color: rgba(255,255,255,0.6);
        .arrow {
          -fx-background-color: #000;
        }
      }
    }

    .list-view {
      -fx-background-color: rgba(255,255,255,0.4);

      .list-cell:empty {
        -fx-background-color: @nothing;
        -fx-text-fill: @darkPrimaryColor;
      }

      .list-cell:filled {
        -fx-background-color: @nothing;
        -fx-text-fill: @darkPrimaryColor;
      }

      .list-cell {
        .cell-view {
          -fx-background-color: @backgroundColor;
          -fx-background-radius: 6px;
        }
        .cell-desc {
          -fx-background-color: rgba(255,255,255,0.6);
          -fx-background-radius: 0 0 6 6;
        }
        .cell-view .tool-btn {
          .btn-circle(@primaryColor);
        }
      }

      .list-cell:selected {
        -fx-background-color: @nothing;
        * {
          -fx-text-fill: @darkPrimaryColor;
        }
        .cell-view {
          -fx-background-color: @backgroundSecondary;
        }
        .simple-cell {
          -fx-text-fill: @primaryColor;
          -fx-effect: dropshadow(three-pass-box,@primaryColor, 8, 0, 0, 0);
        }
      }
    }

    .tool-pane {
      -fx-background-color: @backgroundColor;
      -fx-border-style: dashed;
      -fx-border-color: @darkPrimaryColor;
      -fx-border-width: 0 1 0 0;

      .list-view {
        -fx-background-color: @nothing;
        -fx-border-color: @nothing;
      }
    }

    .tool-second{
      -fx-background-color: rgba(255,255,255,0.4);
      .tool-bar {
        -fx-background-color: rgba(255, 255, 255, 0.8);
        -fx-background-radius: 8px;

        .button {
          .btn-circle(@primaryColor);
        }

      }
      .list-view {
        .list-cell {
          -fx-text-fill: @primaryColor;
        }
        .list-cell:selected {
          -fx-background-color: #FFF;
          -fx-background-radius: 8;
          -fx-effect: dropshadow(three-pass-box,@primaryColor, 8, 0, 0, 0);
        }
      }
    }

    .split-pane, &.split-pane{
      -fx-background-color: @nothing;
      .split-pane-divider{
        -fx-background-color: rgba(245,237,240, 0.8);
        -fx-padding: 0 1 0 1;
      }
    }

    .tab-pane {
      .tab-view(@primaryColor);
      .prop-sheets {
        -fx-background: rgba(245,237,240, 0.2);
        .tool-bar {
          -fx-background-color: rgba(245,237,240, 0.4);
        }
        .text-field{
          .text-field-without-background(@primaryColor);
        }
        .button {
          .btn-block(@primaryColor,@backgroundColor);
        }
        .slider {
          .scrollable(@primaryColor);
        }
        .check-box {
          .check-box(@primaryColor);
        }
        .combo-box {
          .combo-box(@primaryColor, #FFF);
        }
      }
    }

  }

  .search-pane {
    -fx-background-color: rgba(255,255,255,0.4);
    -fx-background-radius: 8px;
    .btn-primary-text {
      .btn-text-only(@primaryColor);
    }
    .list-view {
      .list-view-radius(@backgroundColor,@primaryColor)
    }
  }

  .btn-primary-text {
    .btn-no-background(@primaryColor);
  }

  .text {
    .text-field-without-background(@primaryColor);
  }

  .btn-primary{
    .btn-block(@primaryColor,#FFF);
  }

  .btn-info {
    .btn-block(@secondaryColor, #FFF);
  }

  .context-menu{
    .context-menu(13,@primaryColor,#FFF)
  }

  .select-list {
    .list-view-simple(#FFF, #FFF, @primaryColor);
  }

  .cbx,.combo-box {
    .combo-box(@primaryColor,#FFF);
    -fx-background-color: rgba(255,255,255,0.6);
  }

  .popup{
    -fx-background-color: #FFF;
    -fx-border-style: dashed;
    -fx-border-color: @darkPrimaryColor;
    -fx-border-width: 1;
  }

  .btn-circle {
    .btn-circle(@primaryColor);
  }

  .scroll-bar {
    .scrollable(@primaryColor);
  }

}